/**
 * @brief 设计rem,使得可以随着设备自适应
 * 默认的 1rem 为 fontSize(document.documentElement.style.fontSize)
 */
function remSize() {
    // 获取设备的宽度
    let deviceWidth = document.documentElement.clientWidth || window.innerWidth;
    // 夹取宽度
    if (deviceWidth > 750) {
        deviceWidth = 750;
    } else if (deviceWidth < 320) {
        deviceWidth = 320;
    }

    // 设计 750-->1rem=100px 375-->1rem=50px
    document.documentElement.style.fontSize = (deviceWidth / 7.5) + "px"
    // 设计默认字体大小
    document.querySelector("body").style.fontSize = 0.3 + "rem"
}

// 默认调用一次适配函数
remSize()

/**
 * @brief 当窗口变更时进行适配
 */
window.onresize = () => {
    remSize()
}